<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<script>
			function clickFun() {
				alert("44944");
            }
            function see() {
				alert("看到了什么");
			}
		</script>
	</head>
	<body>
		<!--
			事件: 单击事件(点击事件)  onclick
			事件和事件源绑定:
				事件: 具体的一件事情
				事件源: 事件的源头,指的就是具体的一个标签
				方式1: 绑定事件
					<xxx onclick="函数名()"></xxx>
					当用户在xxx标签上触发单击事件时,单击事件会调用函数,给出对应的回应
				方式2: 派发事件
					a.获取事件源
						document:当网页加载到内存中后,就是一个dom对象,在该对象中存放有所有的标签
						let 标签对象 = document.getElementById("id的值");
					b.派发事件
						标签对象.onclick = function(){
							// 触发单击事件后,调用的函数
						}
		-->
		<input type="button" onclick="clickFun()" value="点我44"> <br>
		<input type="button" id="inpId" value="再点我44"> <br>
		<input type="button" onclick="see()" value="看"><br>
		<input type="button" id="d" value="点"><br>
	</body>
	<script>
		// TODO:派发事件必须写在页面最下方
		//a.获取事件源标签对象
		let inpObj = document.getElementById("inpId");
		//b.派发事件
		inpObj.onclick = function () {
			alert("44944444444");
        }
        let dl = document.getElementById("d");
		dl.onclick = function () {
			alert("点了什么");
		}
	</script>
</html>
